home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle021204.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-30  |  19.1 KB  |  1,337 lines
  1. /* body */
  2. body {
  3.     margin: 0;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1    {
  52.     margin: 0 0 15px 0;
  53.     padding: 0;
  54.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  55.     color: #000;
  56.     }
  57.     
  58. h2    {
  59.     margin: 0 0 5px 0;
  60.     padding: 0;
  61.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. p + h2 {
  66.     margin: 20px 0 5px 0;
  67.     }
  68.  
  69. ol + h2 {
  70.     margin: 20px 0 5px 0;
  71.     }
  72.  
  73. ul + h2 {
  74.     margin: 20px 0 5px 0;
  75.     }
  76.  
  77. h3    {
  78.     margin: 0;
  79.     padding: 0;
  80.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  81.     color: #000;
  82.     }
  83.  
  84. h3 + table {
  85.     margin: 5px 0 0 0;
  86.     }
  87.     
  88. h6    {
  89.     margin: 0;
  90.     padding: 0;
  91.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  92.     color: #000;
  93.     }
  94.  
  95. p    {
  96.     margin: 0 0 10px 0;
  97.     padding: 0;
  98.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  99.     color: #000;
  100.     }
  101.     
  102. th {
  103.     font-weight: bold;
  104.     text-align: left;
  105.     vertical-align: top;
  106.     }
  107.     
  108. form {
  109.     margin: 0;
  110.     }
  111.     
  112. button {
  113.     margin: 3px 0 10px 0;
  114.     }
  115.     
  116. /* lists */
  117. ul    {
  118.     padding-left: 10px;
  119.     margin-top: 0;
  120.     margin-left: 10px;
  121.     margin-bottom: 10px;
  122.     list-style-type: none;
  123.     }
  124.  
  125. li    {
  126.     margin-top: 3px;
  127.     }
  128.     
  129. ul li    {
  130.     padding-left: 10px;
  131.     background: url(/images/bullet.gif) no-repeat 0 3px;
  132.     }
  133.     
  134. ul ul {
  135.     margin-left: 20px;
  136.     }
  137.  
  138.     
  139. ul.compressed {
  140.     margin-top: -10px;
  141.     }
  142.     
  143. ul.compressed li {
  144.     margin-top: 0;
  145.     padding-left: 10px;
  146.     background: url(/images/bullet.gif) no-repeat 0 1px;
  147.     }
  148.  
  149. ul.marketing {
  150.     padding-left: 0;
  151.     margin: 0 0 10px 0;
  152.     list-style-type: none;
  153.     }
  154.     
  155. ul.marketing li    {
  156.     padding-left: 10px;
  157.     margin-top: 0;
  158.     margin-left: 0;
  159.     margin-bottom: 2px;
  160.     list-style-type: none;
  161.     font-size: 10px;
  162.     background: url(/images/bullet.gif) no-repeat 0 1px;
  163.  
  164.     }
  165.     
  166. ol {
  167.     margin: 0 0 10px 1.5em;
  168.     padding-left: 1.5em;
  169.     }
  170.  
  171. ul.inline, ol.inline, p.inline {
  172.     margin-top: -7px;
  173.     }
  174.     
  175. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  176.     margin-top: 0;
  177.     }
  178.  
  179. ol.faq li {
  180.     font-weight: bold;
  181.     }
  182.     
  183. ol.steps li {
  184.     font-weight: bold;
  185.     }
  186.     
  187. /* images */
  188. .leftinline {
  189.     margin: 0 10px 5px 0;
  190.     }
  191.  
  192. .rightinline {
  193.     margin: 0 0 5px 10px;
  194.     }
  195.  
  196.  
  197. /* tables */
  198. .bumblebee {
  199.     border-top: 1px solid #919699;
  200.     border-left: 1px solid #919699;
  201.     border-right: 1px solid #919699;
  202.     }
  203.  
  204. .bumblebee td {
  205.     padding: 10px;
  206.     font-size: 10px;
  207.     }
  208.     
  209. .bumblebee th {
  210.     padding: 6px 10px 6px 10px;
  211.     font-size: 10px;
  212.     }
  213.  
  214. .bumblebee th {
  215.     background: #7E91A4;
  216.     color: #FFF;
  217.     }
  218.  
  219. .bumblebee td {
  220.     border-bottom: 1px solid #919699;
  221.     text-align: left;
  222.     vertical-align: top;
  223.     }
  224.  
  225. .bumblebeeblue {
  226.     background: #F0F5F9;
  227.     }
  228.  
  229. .bumblebeewhite {
  230.     background: #FFF;
  231.     }
  232.     
  233. .bumblebee .bumblebeeblue td.sortcolumn {
  234.     background: #DCE5EE;
  235.     }
  236.     
  237. .bumblebee .bumblebeewhite td.sortcolumn {
  238.     background: #F5F5F5;
  239.     }
  240.     
  241. .bumblebee th.sortcolumn {
  242.     background: #334455;
  243.     }
  244.     
  245. .bumblebeetop {
  246.     border-top: 1px solid #919699;
  247.     border-left: 1px solid #919699;
  248.     border-right: 1px solid #919699;
  249.     background: #E2E2E2;
  250.     }
  251.     
  252. .bumblebeetop td{
  253.     padding: 10px;
  254.     }
  255.  
  256. td.middle, th.middle {
  257.     vertical-align: middle;
  258.     }
  259.     
  260. td.top, th.top {
  261.     vertical-align: top;
  262.     }
  263.     
  264. td.bottom, th.bottom {
  265.     vertical-align: bottom;
  266.     }
  267.     
  268. td.center, th.center {
  269.     text-align: center;
  270.     }
  271.     
  272. td.right, th.right {
  273.     text-align: right;
  274.     }
  275.     
  276. .smalltable td p {
  277.     font-size: 11px;
  278.     }
  279.  
  280.     
  281. .graybox {
  282.     border-top: 1px solid #919699;
  283.     border-left: 1px solid #919699;
  284.     margin-bottom: 10px;
  285.     }
  286.     
  287. .graybox th {
  288.     padding: 4px 8px 4px 8px;
  289.     background: #E2E2E2;
  290.     font-size: 12px;
  291.     font-weight: bold;
  292.     border-bottom: 1px solid #919699;
  293.     border-right: 1px solid #919699;
  294.     }
  295.     
  296. .graybox td {
  297.     padding: 8px;
  298.     font-size: 12px;
  299.     text-align: left;
  300.     vertical-align: top;
  301.     border-bottom: 1px solid #919699;
  302.     border-right: 1px solid #919699;
  303.     }
  304.  
  305. .marketingbox {
  306.     border: 1px solid #a1a5a9;
  307.     }
  308.  
  309. .marketingbox th {
  310.     padding: 4px 8px 4px 8px;
  311.     background: #C83808;
  312.     font-size: 12px;
  313.     font-weight: bold;
  314.     color: #FFF;
  315.     }
  316.  
  317. .marketingbox td {
  318.     padding: 8px 8px 0 8px;
  319.     text-align: left;
  320.     vertical-align: top;
  321.     }
  322.     
  323. .documentationtable {
  324.     border: none;
  325.     }
  326.  
  327. .documentationtable td {
  328.     border-bottom: 1px solid #919699;
  329.     text-align: left;
  330.     vertical-align: top;
  331.     padding: 5px 0 10px 0;
  332.     }
  333.     
  334. .documentationtable .bottom{
  335.     border: 0;
  336.     }
  337.         
  338. .businesstable {
  339.     border: none;
  340.     }
  341.  
  342. .businesstable td {
  343.     text-align: left;
  344.     font-size: 10px;
  345.     vertical-align: top;
  346.     padding: 5px 0 10px 0;
  347.     }
  348.     
  349. .documentationtable p {
  350.     font-size: 10px;
  351.     }
  352.  
  353.  
  354. /* rounded corner tables */
  355. .bigboxtop {
  356.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  357.     }
  358.  
  359. .bigboxleft {
  360.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  361.     }
  362.  
  363. .bigboxright {
  364.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  365.     }
  366.  
  367. .bigboxbottom {
  368.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  369.     }
  370.     
  371. .boxtop {
  372.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  373.     }
  374.  
  375. .boxleft {
  376.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  377.     }
  378.  
  379. .boxright {
  380.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  381.     }
  382.  
  383. .boxbottom {
  384.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  385.     }
  386.  
  387.  
  388. /* general classes */
  389.  
  390. .smalltext {
  391.     font-size: 10px;
  392.     }
  393.     
  394. .blueheader {
  395.     color: #FFF;
  396.     background: #7E91A4;
  397.     padding: 3px 0 3px 7px;
  398.     }
  399.  
  400. .sourcecodebox {
  401.     border: 1px solid #c7cfd5;
  402.     background: #f1f5f9;
  403.     margin: 20px 0;
  404.     padding: 15px;
  405.     text-align: left;
  406.     }
  407.     
  408. .gray {
  409.     color: #787c7f;
  410.     }
  411.     
  412. #footnote h3, #footnote p {
  413.     color: #76797C;
  414.     font-size: 11px;
  415.     }
  416.  
  417. .footnote {
  418.     font-size: 11px;
  419.     color: #76797C;
  420.     }
  421.  
  422. /* forms */
  423. #forms input {
  424.     vertical-align: middle;
  425.     padding: 0;
  426.     margin: 0 0 5px 0;
  427.     }
  428.  
  429. #forms select {
  430.     vertical-align: middle;
  431.     padding: 0;
  432.     margin: 0 0 3px 0;
  433.     }
  434.  
  435. #forms .widefield, #advsearch .widefield {
  436.     width: 98%;
  437.     margin-bottom: 5px;
  438.     }
  439.  
  440. #forms .halffield {
  441.     width: 50%;
  442.     margin-bottom: 5px;
  443.     }
  444.  
  445. #forms .extraspace {
  446.     padding-bottom: 8px;
  447.     }
  448.  
  449. #forms .quarterfield {
  450.     width: 25%;
  451.     margin-bottom: 5px;
  452.     }
  453.     
  454. #forms .inputbutton, #advsearch .inputbutton {
  455.     margin: 5px 0 10px 0;
  456.     border: 0;
  457.     }
  458.     
  459. #forms .checkbox, #advsearch .checkbox {
  460.     margin: 0 5px 0 0;
  461.     vertical-align: baseline;
  462.     }
  463.     
  464. #forms .radio {
  465.     margin: 0 5px 0 0;
  466.     vertical-align: baseline;
  467.     }
  468.     
  469. #forms textarea {
  470.     margin: 0 0 10px 0;
  471.     width: 100%;
  472.     }
  473.     
  474. #forms p {
  475.     margin-top: 7px;
  476.     }
  477.     
  478. #forms .buttonlists {
  479.     line-height: 20px;
  480.     }
  481.     
  482. #forms .buttondescription {
  483.     line-height: 15px;
  484.     margin: -10px 10px 5px 20px;
  485.     font-size: 10px;
  486.     }
  487.  
  488.  
  489. /* header */
  490. #adcnavheader td {
  491.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  492.     }
  493.  
  494. #adcnavheader input {
  495.     margin: 0 3px 0 0;
  496.     padding: 0;
  497.     }
  498.  
  499. #adcnavheader .textpadding {
  500.     padding-top: 2px;
  501.     vertical-align: middle;
  502.     }
  503.     
  504. #adcnavheader .searchbutton {
  505.     border: 0;
  506.     }
  507.  
  508.  
  509. /* breadcrumb */
  510. #breadcrumb td {
  511.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  512.     }
  513.  
  514. #breadcrumb form {
  515.     margin: 0;
  516.     }
  517.     
  518. #breadcrumb select {
  519.     vertical-align:  middle;
  520.     }
  521.  
  522.  
  523. /* sidebar */
  524. #sidebar h2 {
  525.     font-size: 12px;
  526.     }
  527.     
  528. #sidebar h3, #sidebar h4 {
  529.     font-size: 12px;
  530.     }
  531.     
  532. #sidebar p, #sidebar ol, #sidebar ul {
  533.     font-size: 11px;
  534.     }
  535.  
  536. #sidebar ul {
  537.     margin-left: 0;
  538.     padding-left: 0;
  539.     }
  540.  
  541. #sidebar li {
  542.     font-size: 11px;
  543.     margin-top: 2px;
  544.     }
  545.     
  546. #sidebar ul.nav {
  547.     margin-top: 8px;
  548.     margin-bottom: 0;
  549.     }
  550.  
  551. #sidebar ul.nav li {
  552.     margin-top: 4px;
  553.     padding-left: 0;
  554.     background: none;
  555.     }
  556.  
  557. /* footer */
  558. #footer td, #footer p {
  559.     font-size: 10px;
  560.     }
  561.     
  562. .footerbreadcrumb {
  563.     font-size: 10px;
  564.     }
  565.  
  566. /* 404 page definitions*/
  567. #notfound h2 {
  568.     font-size: 12px;
  569.     }
  570.     
  571. #notfound h3, #notfound h4 {
  572.     font-size: 12px;
  573.     }
  574.     
  575. #notfound p, #notfound ul {
  576.     font-size: 10px;
  577.     }
  578.  
  579. #notfound ul {
  580.     margin: 0 0 15px 0;
  581.     padding-left: 0;
  582.     }
  583.  
  584. #notfound ul li {
  585.     font-size: 10px;
  586.     margin: 3px 0 0 0;
  587.     padding-left: 0;
  588.     background: none;
  589.     }
  590.     
  591. #notfound ul ul {
  592.     margin-top: 0;
  593.     }
  594.  
  595. #notfound ul ul li {
  596.     margin-left: 0;
  597.     padding-left: 10px;
  598.     background: url(/images/bullet.gif) no-repeat 0 2px;
  599.     }
  600.  
  601. li.sectionbreak {
  602.     margin-bottom: 15px;
  603.     }
  604.  
  605. /* advanced search */
  606. #advsearch h4 {
  607.     margin-bottom: 10px;
  608.     }
  609.     
  610. #advsearch p {
  611.     line-height: 20px;
  612.     }
  613.     
  614. /* contact page */
  615. .iconlinks td {
  616.     font-size: 11px;
  617.     }
  618.     
  619. /* search results */
  620. .boxtop7e91a4 {
  621.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  622.     }
  623.  
  624. .boxtopleft7e91a4 {
  625.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  626.     }
  627.  
  628. .boxtopright7e91a4 {
  629.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  630.     }
  631.  
  632. .boxbottom7e91a4 {
  633.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  634.     }
  635.  
  636. .filesize {
  637.     color: #7F8285;
  638.     }
  639.  
  640. .results th, .results td {
  641.     font-size: 12px;
  642.     color: #FFF;
  643.     background-color: #7e91a4;
  644.     }
  645.  
  646. .results a {
  647.     color: #FFF;
  648.     font-weight: bold;
  649.     }
  650.     
  651. .oddrow {
  652.     background-color: #ffffff;
  653.     }
  654.     
  655. .evenrow {
  656.     background-color: #f0f5f9;
  657.     }
  658.  
  659. /* software licensing descriptions */
  660. .swlleftrule {
  661.     border-left: 1px solid #A1A5A9;
  662.     padding-left: 10px;
  663.     padding-right: 10px;
  664.     }    
  665.  
  666. .swlsidebar {
  667.     padding-right: 10px;
  668.     }
  669.  
  670. /* narrative */
  671. #narrative blockquote {
  672.     margin: 0 20px 10px 20px;
  673.     color: #445C73;
  674.     }
  675.     
  676. #narrative .pullquote {
  677.     font-size: 15px;
  678.     padding: 8px;
  679.     background-color: #ECF2F8;
  680.     border: 1px solid #A1A5A9;
  681.     }
  682.     
  683. /* source code */
  684. #scdetails p {
  685.     line-height: 17px;
  686.     }
  687.     
  688. #scdetails select {
  689.     vertical-align: middle;
  690.     padding: 0;
  691.     margin: 0;
  692.     }
  693.     
  694. #scdetails input {
  695.     vertical-align: middle;
  696.     padding: 0;
  697.     margin: 0;
  698.     }
  699.  
  700.  
  701.  
  702. /* --------------- styles from before 12-01-2003 ---------------- */
  703.  
  704. /* home page */
  705. #articlehead {
  706.     font-weight: bold;
  707.     font-size: 12px;
  708.     color: #000; 
  709.     }
  710.  
  711. #linklisthead {
  712.     font-weight: bold;
  713.     font-size: 12px;
  714.     color: #000; 
  715.     }
  716.  
  717. #sectionhead {
  718.     font-weight: bold;
  719.     font-size: 14px;
  720.     color: #000; 
  721.     }
  722.  
  723. #sectionsubhead {
  724.     font-weight: bold;
  725.     font-size: 12px;
  726.     color: #000; 
  727.     }
  728.  
  729. #sectionheadorange {
  730.     font-weight: bold;
  731.     font-size: 14px;
  732.     color: #db3700; 
  733.     }
  734.  
  735. #resources {
  736.     margin-bottom: 3px;
  737.     font-weight: normal;
  738.     font-size: 10px; 
  739.     }
  740.  
  741. .membership_bullets {
  742.     color: #ffffff;
  743.     font-weight: normal;
  744.     font-size: 10px; 
  745.     }
  746.  
  747.  
  748. /* glossary page styles */
  749. #glossary_header { 
  750.     font-size: 12px;
  751.     font-weight: bold; 
  752.     }
  753.  
  754. #glossary_header_letter { 
  755.     font-size: 14px;
  756.     font-weight: bold; 
  757.     }
  758.  
  759.  
  760. /* form class, removes whitespace browsers use by default with forms */
  761. #form {
  762.     margin: 0;
  763.     }
  764.  
  765.  
  766. /* paragraph describing page located just below the black text page title */
  767. #paragraph_description {
  768.     font-size: 12px;
  769.     }
  770.  
  771.  
  772. /* rate this page feedback form styles */
  773. #feedback_• {
  774.     font-size: 10px;
  775.     color: #ffffff;
  776.     text-align: center;
  777.     }
  778.  
  779. #feedback_text {
  780.     font-size: 10px;
  781.     color: #000;
  782.     }
  783.  
  784. #radio_help {
  785.     text-align: center;
  786.     padding-top: 4px;
  787.     }
  788.  
  789. #radio_easy {
  790.     text-align: center;
  791.     padding-bottom: 4px;
  792.     }
  793.  
  794.  
  795. /* search results box styles */
  796. #results_cell_first { 
  797.     border-top: 1px #a2a6a9 solid;
  798.     border-left: 1px #a2a6a9 solid; 
  799.     }
  800.  
  801. #results_cell_title {
  802.     padding-top: 10px;
  803.     padding-bottom: 10px;
  804.     border-top: 1px #a2a6a9 solid;
  805.     padding-right: 6px;
  806.     font-size: 12px;
  807.     font-weight: bold;
  808.     vertical-align: top;
  809.     }
  810.  
  811. #results_cell_other {
  812.     padding-top: 10px;
  813.     padding-bottom: 10px;
  814.     border-top: 1px #a2a6a9 solid;
  815.     padding-left: 6px;
  816.     padding-right: 6px;
  817.     vertical-align: top;
  818.     }
  819.  
  820. #results_cell_date {
  821.     padding-top: 10px;
  822.     padding-bottom: 10px;
  823.     border-top: 1px #a2a6a9 solid;
  824.     padding-left: 4px;
  825.     vertical-align: top;
  826.     }
  827.  
  828. #results_cell_last {
  829.     border-top: 1px #a2a6a9 solid;
  830.     border-right: 1px #a2a6a9 solid;
  831.     }
  832.  
  833. .results_description { 
  834.     font-size: 10px;
  835.     font-weight: normal;
  836.     }
  837.  
  838.  
  839.  
  840. /* apple script (or any other reference library page) styles */
  841. #header { 
  842.     font-size: 12px;
  843.     font-weight: bold;
  844.     }
  845.  
  846. #link_header {
  847.     font-size: 10px;
  848.     font-weight: bold;
  849.     }
  850.  
  851. #blue_header {
  852.     font-size: 12px;
  853.     font-weight: bold;
  854.     color: #000099;
  855.     }
  856.  
  857. #td_left_line {
  858.     border: 1px #555555 left;
  859.     }
  860.  
  861.  
  862. /* co marketing styles */
  863. #icon_cell {
  864.     height: 93px;
  865.     text-align: center;
  866.     }
  867.  
  868. #detail_header {
  869.     text-align: middle;
  870.     background: #6d7f95;
  871.     color: #ffffff;
  872.     font-family: verdana;
  873.     font-weight: bold;
  874.     font-size: 10px;
  875.     }
  876.  
  877. #vendor_bullet {
  878.     color: #696969;
  879.     }
  880.  
  881. #comarket_paragraph {
  882.     color: #696969;
  883.     font-size: 12px;
  884.     }
  885.  
  886. #vendor_detail {
  887.     font-size: 12px;
  888.     }
  889.  
  890. #vendor_contact {
  891.     font-family: Verdana, Arial, Helvetica, sans-serif;
  892.     font-size: 10px;
  893.     }
  894.  
  895. #detail_heading {
  896.     font-weight: bold;
  897.     }
  898.  
  899. #detail_copy {
  900.     font-size: 12px;
  901.     }
  902.  
  903. #discount_box_header {
  904.     color: #ffffff;
  905.     font-weight: bold;
  906.     }
  907.  
  908. #discount_box_copy {
  909.     font-size: 12px;
  910.     }
  911.  
  912. #photo_table_copy {
  913.     color: #7d7d7d;
  914.     font-size: 10px;
  915.     }
  916.  
  917.  
  918.  
  919. /*narrative styles */
  920. #narrative_paragraph {
  921.     color: #696969;
  922.     font-size: 14px;
  923.     }
  924.  
  925. #narrative_header {
  926.     font-size: 13px;
  927.     font-weight: bold;
  928.     }
  929.  
  930. #narrative_content {
  931.     font-size: 12px;
  932.     vertical-align: top;
  933.     }
  934.  
  935. #pic_box_text {
  936.     color: #878787;
  937.     line-height: 11px;
  938.     font-size: 11px; 
  939.     }
  940.  
  941. #red_copy {
  942.     color: #7f0f0b;
  943.     padding-left: 15px;
  944.     }
  945.  
  946. #blue_copy {
  947.     color: #466c9b;
  948.     padding-left: 15px;
  949.     }
  950.  
  951. #green_copy {
  952.     color: #3b636f;
  953.     padding-left: 15px;
  954.     }
  955.  
  956. #purple_copy {
  957.     color: #665588;
  958.     padding-left: 15px;
  959.     }
  960.  
  961. #gray_copy {
  962.     color: #787c7f;
  963.     padding-left: 15px;
  964.     }
  965.  
  966. #pager {
  967.     color: #76797c;
  968.     }
  969.  
  970.  
  971.  
  972. /* frameset: table of contents frame */
  973. #toc_contents_text {
  974.     font-size: 12px;
  975.     color: #0000ff;
  976.     }
  977.  
  978. #toc_contents_text_open {
  979.     font-size: 12px;
  980.     background: #ffffff;
  981.     color: #0000ff;
  982.     }
  983.  
  984. #low_level_text {
  985.     font-size: 10px;
  986.     color: #0000ff;
  987.     }
  988.  
  989. #low_level_text_on {
  990.     font-size: 10px;
  991.     color: #0000ff;
  992.     }
  993.  
  994. #top_level_open {
  995.     background: #ffffff;
  996.     }
  997.  
  998. #third_level {
  999.     background: #ffffff;
  1000.     }
  1001.  
  1002. #toc_contents_title {
  1003.     font-size: 14px;
  1004.     color: #ffffff;
  1005.     font-weight: bold;
  1006.     }
  1007.  
  1008. #toc_contents_heading {
  1009.     font-size: 12px;
  1010.     font-weight: bold;
  1011.     }
  1012.  
  1013.  
  1014.  
  1015. /* frameset: content frame */
  1016. #content_text {
  1017.     font-size: 12px;
  1018.     font-weight: normal;
  1019.     }
  1020.  
  1021.  
  1022. /* frameset: page title */
  1023. #page_title {
  1024.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1025.     font-size: 36px;
  1026.     font-weight: bold;
  1027.     color: #000;
  1028.     }
  1029.  
  1030.  
  1031. /* frameset: unordered list */
  1032. ul .content {
  1033.     font-size: 12px; 
  1034.     }
  1035.  
  1036.  
  1037. /* product line styles */
  1038. #product_line_list {
  1039.     font-size: 10px; 
  1040.     }
  1041.  
  1042. #product_line_bullet {
  1043.     font-size: 10px;
  1044.     vertical-align: top;
  1045.     color: #0000ff;
  1046.     }
  1047.  
  1048.  
  1049.  
  1050. /* technical note classes */
  1051. #important_note {
  1052.     background: #e2e2e2;
  1053.     border: 1px solid #cccccc;
  1054.     }
  1055. #page_contents {
  1056.     font-size: 12px; line-height: 20px; color: #0000ff;
  1057.     }
  1058.  
  1059. #tech_content {
  1060.     font-size: 12px;
  1061.     }
  1062.  
  1063. #tech_header {
  1064.     font-size: 14px;
  1065.     font-weight: bold;
  1066.     }
  1067.  
  1068. #tech_subhead {
  1069.     font-size: 12px;
  1070.     font-weight: bold;
  1071.     }
  1072.  
  1073. #tech_list {
  1074.     font-size: 12px;
  1075.     padding-bottom: 9px;
  1076.     }
  1077.  
  1078. #source_code_box {
  1079.     border: 1px solid #c7cfd5;
  1080.     background: #f1f5f9; 
  1081.     }
  1082.  
  1083. #source_code {
  1084.     font-family: monaco, courier, monospace;
  1085.     font-size: 10px;
  1086.     margin-bottom: 0;
  1087.     padding: 12px;
  1088.     }
  1089.  
  1090. #example_title {
  1091.     font-size: 10px;
  1092.     margin-bottom: 5px;
  1093.     color: #28333b;
  1094.     }
  1095.  
  1096. #example_table_header {
  1097.     font-weight: bold;
  1098.     background: #c7cfd5; 
  1099.     }
  1100.  
  1101. #example_table_cell {
  1102.     border: 1px #c7cfd5 solid;
  1103.     background: #f1f5f9;
  1104.     vertical-align: top;
  1105.     font-size: 12px;
  1106.     }
  1107.  
  1108. #download_cell_1 {
  1109.     background: #f6f6f6;
  1110.     font-size: 11px;
  1111.     padding-top: 2px;
  1112.     padding-bottom: 2px;
  1113.     padding-left: 2px;
  1114.     border-left: 1px solid #e6e6e6;
  1115.     border-top: 1px solid #e6e6e6;
  1116.     border-bottom: 1px solid #e6e6e6;
  1117.     }
  1118.  
  1119. #download_cell_2 {
  1120.     background: #f6f6f6;
  1121.     font-size: 10px;
  1122.     padding-top: 2px;
  1123.     padding-bottom: 2px; 
  1124.     border-top: 1px solid #e6e6e6;
  1125.     border-bottom: 1px solid #e6e6e6;
  1126.     }
  1127.  
  1128. #download_cell_3 {
  1129.     background: #f6f6f6;1
  1130.     font-size: 10px;
  1131.     padding-top: 2px;
  1132.     padding-bottom: 2px;
  1133.     padding-right: 2px;
  1134.     border-right: 1px solid #e6e6e6;
  1135.     border-top: 1px solid #e6e6e6;
  1136.     border-bottom: 1px solid #e6e6e6;
  1137.     }
  1138.  
  1139. #download_content {
  1140.     font-size: 12px;
  1141.     vertical-align: middle;
  1142.     }
  1143.  
  1144. #download_link {
  1145.     font-size: 10px;
  1146.     vertical-align: middle;
  1147.     }
  1148.  
  1149. #back_to_top {
  1150.     font-size: 10px; 
  1151.     }
  1152.  
  1153.  
  1154.  
  1155. /* membership overview styles */
  1156. #member_header {
  1157.     text-align: left;
  1158.     font-family: verdana;
  1159.     font-weight: bold;
  1160.     font-size: 10px;
  1161.     color: #ffffff; 
  1162.     }
  1163.  
  1164. #member_category {
  1165.     text-align: center;
  1166.     border-left: 1px #ffffff solid;
  1167.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1168.     font-weight: bold;
  1169.     font-size: 10px;
  1170.     color: #ffffff;
  1171.     }
  1172.  
  1173. #white_row {
  1174.     background: #ffffff;
  1175.     }
  1176.  
  1177. #blue_row {
  1178.     background: #f0f5f9;
  1179.     }
  1180.  
  1181. #spacer_row {
  1182.     border-right: 1px solid #a2a6a9;
  1183.     border-left: 1px solid #a2a6a9;
  1184.     }
  1185.  
  1186. #left_border {
  1187.     border-left: 1px solid #a2a6a9;
  1188.     }
  1189.  
  1190. #right_border {
  1191.     border-right: 1px solid #a2a6a9;
  1192.     text-align: center;
  1193.     vertical-align: middle;
  1194.     }
  1195. #gray_line {
  1196.     border-right: 1px solid #a2a6a9;
  1197.     border-left: 1px solid #a2a6a9;
  1198.     background: #a2a6a9;
  1199.     }
  1200.  
  1201. #dot_cell {
  1202.     text-align: center;
  1203.     vertical-align: middle;
  1204.     }
  1205.  
  1206. #fine_print {
  1207.     vertical-align: top;
  1208.     font-size: 11px;
  1209.     color: #5f5f5f;
  1210.     }
  1211.  
  1212. #pricing {
  1213.     font-size: 12px;
  1214.     }
  1215.  
  1216.  
  1217.  
  1218.  
  1219. /* sample code classes */
  1220. #right_content {
  1221.     text-align: right;
  1222.     font-size: 12px;
  1223.     }
  1224.  
  1225. #sc_content {
  1226.     font-size: 12px;
  1227.     }
  1228.  
  1229.  
  1230. /* mac os x architecture diagram */
  1231. #archtext {
  1232.     font-size: 11px;
  1233.     color: #333;
  1234.     text-decoration: none;
  1235.     line-height: 15px;
  1236.     }
  1237.  
  1238. #topborder {
  1239.     border-top: 1px solid #999;
  1240.     }
  1241.  
  1242. #greylist {
  1243.     line-height: 16px;
  1244.     color: #333;
  1245.     margin-top: 12px;
  1246.     }
  1247.  
  1248. #archtitle {
  1249.     font-size: 12px;
  1250.     color: #000;
  1251.     text-decoration: none;
  1252.     font-weight: bold;
  1253.     }
  1254.  
  1255. #description {
  1256.     font-size: 11px;
  1257.     color: #333;
  1258.     text-decoration: none;
  1259.     line-height: 15px;
  1260.     }
  1261.  
  1262. .archtitle {
  1263.     font-size: 12px;
  1264.     color: #000;
  1265.     text-decoration: none;
  1266.     font-weight: bold;
  1267.     }
  1268.  
  1269.  
  1270.  
  1271. /* original apple css items (unused at this time) */
  1272. /* ---------------------------------------------- */
  1273.  
  1274. h1 {
  1275.     font-weight: bold; font-size: 18px; 
  1276.     }
  1277.  
  1278. #text {
  1279.     font-size: 10px;  line-height: 16px;
  1280.     }
  1281.  
  1282.  
  1283. #bodytext {
  1284.     font-size: 10px; 
  1285.     }
  1286. #bodytextlarge {
  1287.     font-size: 12px; 
  1288.     }
  1289. #bodytitle {
  1290.     font-weight: bold; font-size: 10px; 
  1291.     }
  1292. #bodytitlelarge2 {
  1293.     font-weight: bold; font-size: 12px; 
  1294.     }
  1295. #bodytitlelarge {
  1296.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1297.     }
  1298. #bodytitleextralarge {
  1299.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1300.     }
  1301. #callout {
  1302.     font-weight: bold; font-size: 14px; color: #737373; 
  1303.     }
  1304. #calloutsubitem {
  1305.     font-size: 10px; color: #666666; 
  1306.     }
  1307. #resourcetitle {
  1308.     font-weight: bold; font-size: 10px; 
  1309.     }
  1310. #resourcetext {
  1311.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1312.     }
  1313. #resourcehead {
  1314.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1315.     }
  1316. #mkt {
  1317.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1318.     }
  1319. #mkt2 {
  1320.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1321.     }
  1322. #breadcrumb {
  1323.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1324.     }
  1325. #breadcrumblocation {
  1326.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1327.     }
  1328. #menutitle {
  1329.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1330.     }
  1331. #menutext {
  1332.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1333.     }
  1334. #source {
  1335.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1336.     }
  1337.